html, body { width: 100%; height: 100%;}
body, p, div, ul, li, span, img, span, button, a, ol, input, h1, h2, h3, h4, h5, h6, dt, dl, textarea, em, b { margin: 0; padding: 0;-webkit-tap-highlight-color: transparent; }
a { text-decoration: none; }
ul, li { list-style: none; }
body { font-size: .14rem; }
.box{position:relative;width: 100%;height: 100%;background:#f1f1f1;}
.tit{color: #FE4B22;text-align: center;margin-bottom: .1rem;}
.box .turntable_zj{position: absolute;top: 1.87rem;left: .2rem;width: 3.36rem;height: 4.2rem;}
.box .record_btn{width: .87rem;height: .38rem;background: #b60e00;border-bottom-left-radius:.11rem;display: block;float: right;}
.box .record_btn .btn{width: .85rem;height: .32rem;font-size:.12rem;background: #ffec00;border-bottom-left-radius:.1rem;display: block;float: right;}
.box .record_btn .btn img{width: .125rem;height: .125rem;margin-left: .09rem;vertical-align: middle;margin-bottom: .02rem;margin-right: .03rem;}
.box .record_btn .btn span{color: #ff4232;margin-top: .08rem;display: inline-block;}
.box .turntable_box{width: 2.6rem;height: 2.6rem;position: absolute;top: 2.25rem;left: .585rem;}
.box .turntable_bg{width: 2.6rem;height: 2.6rem;}
.box .pointer{width: .88rem;height: 1.15rem;position: absolute;top: 2.9rem;left: 1.46rem;z-index: 10;}
.turntable_box .item{width:.95rem;height:1.28rem;display: flex;flex-direction: column;align-items:center;position: absolute;top: 0rem;left: .82rem;transform-origin:50% 100%}
.turntable_box .item img{width: .5rem;height: .5rem;margin-top: .07rem;}
.list,.transDiv{width: 2.91rem;height: .31rem;position: absolute;top: 5.35rem;left: .4rem;}
.list .swiper-slide{width: 100%;height: .31rem;line-height: .31rem;text-align: center;color: #fe4b22;font-size: .12rem;}
.transDiv{background: transparent;z-index: 10;}
